
<!DOCTYPE HTML>

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hauptmenue</title>

<link rel="stylesheet" href="Menu.css" TYPE="text/css" MEDIA="screen">
<link rel="stylesheet" href="style2.css" TYPE="text/css" MEDIA="screen">
<link rel="stylesheet" href="Menu2.css" TYPE="text/css" MEDIA="print">

<script type="text/javascript">


document.write('<style type="text/css">.tabber{display:none;}<\/style>');

var tabberOptions = {

 
  'manualStartup':true,

  /* Optional: code to run after each tabber object has initialized */

  'onLoad': function(argsObj) {
    /* Display an alert only after tab2 */
    if (argsObj.tabber.id == 'tab2') {
      alert('Finished loading tab2!');
    }
  },



  'onClick': function(argsObj) {

    var t = argsObj.tabber; /* Tabber object */
    var id = t.id; /* ID of the main tabber DIV */
    var i = argsObj.index; /* Which tab was clicked (0 is the first tab) */
    var e = argsObj.event; /* Event object */

    if (id == 'tab2') {
      return confirm('Swtich to '+t.tabs[i].headingText+'?\nEvent type: '+e.type);
    }
  },

  /* Optional: set an ID for each tab navigation link */
  'addLinkId': true

};

</script>

<!-- Load the tabber code -->
<script type="text/javascript" src="tabber.js"></script>

</head>
<body>

<h1>Hauptmenü</h1>





<div class="tabber" id="tab1">

  <div class="tabbertab">
    <h2><a name="tab1">Spiel anlegen</a></h2>
    <p>Lege ein neues Spiel an</p>
      <p> 
      <div id="registercontainer">
        <form action="submitregistration.js" method=post>
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" placeholder="emailaddress@domain.com">
            <label for="username">Username:</label>
            <input type="text" id="username" name="username" placeholder="yourusername">
            <label for="password">Password:</label>
            <input type="password" id="password" name="password" placeholder="********">
            <label for="passwordcheck">Verify password:</label>
            <input type="password" id="passwordcheck" name="passwordcheck" placeholder="********">
            
            <div id="lowerreg">
            <input type="submit" value="Sign up">
            
            </div><!--/ lower-->
            <div id="register">
            <label for="login" id="loginformlink"><a href="index.html">Login!</a></label>
            
            </div> <!--/ register-->
        </form>
    
    </div><!--/ container-->
      
      
  </div>

  <div class="tabbertab">
    <h2>Meine Spiele</h2>
    <p>Liste gespielter Spiele</p>

    <div class="tabber" id="tab1-1">

      <div class="tabbertab">
        <h3>Spiel 1</h3>
        <p></p>
      </div>

      <div class="tabbertab">
        <h3>Spiel 2</h3>
        <p></p>
      </div>

      <div class="tabbertab">
        <h3>Spiel 3</h3>
        <p></p>
      </div>
    </div>
  </div>

  <div class="tabbertab">
    <h2>Offene Spiele</h2>
    <p>Hier findest du alle verfügbaren Spiele.</p>
  </div>
</div>



<script type="text/javascript">



tabberAutomatic(tabberOptions);

</script>

</body>
</html>
